<template>
  <div>
    <h1>我是根组件</h1>

    <HmHeader></HmHeader>
    <HmBody></HmBody>
    <!-- <div class="footer">
      ------------------------ 我是底部代码 100行 ------------------------
    </div> -->
    <HmFooter></HmFooter>
    <HmButton></HmButton>
  </div>
</template>

<script>
import HmHeader from "./components/HmHeader.vue"
import HmBody from "./components/HmBody.vue"
import HmFooter from "./components/HmBody.vue"
import HmButton from './components/HmButton.vue'
export default {
    components:{
        HmHeader,
        HmBody,
        HmFooter,
    },
  data() {
    return {}
  },
  methods: {},
}
</script>

<style scoped lang="less"></style>